1611458 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

キュートチョイス

キュートチョイス

背景画像の固定

背景画像の固定の仕方
ミニクレヨン
↑の小さいクレヨン画像を背景画像として使い、右下に固定します。


style="background-image:url(http://からはじまる画像URL); background-repeat:no-repeat; background-position:right bottom"

↑のソースを
centertabletdタグ内に埋め込むと成功する筈です。

なお、
background-position:内を下記に変更することで
固定場所が変わります。

左寄せ 
left 、右寄せ right 、真ん中 center 、下 bottom 、上 top
%で書くことも可能です。
%の場合は、
left top=0% 0%  … right bottom=100% 100% で表現することが出来ます。

サンプル
style=" background-image:url(http://plaza.rakuten.co.jp/img/user/~.gif); background-repeat:no-repeat; background-position:left top" style="background-image:url(http://plaza.rakuten.co.jp/img/user/~.gif); background-repeat:no-repeat; background-position:center center"
style="background-image:url(http://plaza.rakuten.co.jp/img/user/~.gif); background-repeat:no-repeat; background-position:right bottom" style="background-image:url(http://plaza.rakuten.co.jp/img/user/~.gif); background-repeat:no-repeat; background-position:70% 70%"


背景画像の並び指定もご参考下さいね。 背景を縦一列や横一列に並べることが出来ます♪


* 
http://からはじまる画像URLとは? *
画像の倉庫で画像をクリックすると以下のような文章が出てきます。

下記のHTMLを利用すると、ホームページにこの画像を表示できます。
<IMG SRC="http://plaza.rakuten.co.jp/img/user/~xx.gif" width="50" height="50" alt="ミニクレヨン">
(直リンク防止の為、画像URLは仮です)

http://plaza.rakuten.co.jp/img/user/~xx.gif
の部分だけを抜き取って、括弧内に置き換えてください。


© Rakuten Group, Inc.